<style lang='less' scoped>
@import './../../static/less/common.less';
@import '../../static/less/order/refundOrder.less';
</style>
<template>
  <div class='refund-order-page'>
    <div class="refund-order-item1">
        <div class="item-font1">申请成功，等待商家审核同意</div>
        <div class="item-choose-item item-font2">></div>
    </div>
    <div class="goods-info">
      <img class="goods-item-image" src="{{picUrl}}"/>
      <div class="goods-item-info">
        <div class="goods-name">{{goodsName}}</div>
        <!--<view class="goods-norms">{{goodsNorms}}</view>-->
        <div class="goods-info-bottom">
          <div class="goods-info-left">
            <div class="goods-real-fee">
              <div class="icon">￥</div>
              {{fee}}
            </div>
          </div>
          <div class="goods-info-right">
            x{{goodsNum}}
          </div>
        </div>
      </div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">申请时间</div>
      <div class="item-font">{{refundOrderTime}}</div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">申请数量</div>
      <div class="item-font">{{refundMount}}</div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">退款内容</div>
      <div class="item-font">{{refundContent}}</div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">退款金额</div>
      <div class="item-font">￥{{goodsFee}}</div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">退款方式</div>
      <div class="item-font">原路退回</div>
    </div>
    <div class="refund-order-item">
      <div class="item-title">申请原因</div>
      <div class="item-font">{{refundReason}}</div>
    </div>
    <div class="reason">
      <div class="title">详细说明</div>
      <textarea class="font"/>{{detailReason}}
    </div>
    <div class="submit">取消申请</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      productSkuId: '3',
      picUrl: '',
      goodsName: '海南妃子笑荔枝新鲜包邮当季特产水果现摘现买',
      goodsNorms: '规格五斤一箱',
      fee: '39.00',
      goodsNum: 2,
      refundReason: '',
      refundOrderTime:'',
      refundMount:'',
      refundContent:'',
      detailReason:''
    }
  },
  methods = {
    async initFun(options) {
      //const res = await this.S.home.getOrderDetail(this.orderId)
      // console.log(res)
      // if (res.code === 200) {
        // todo 将订单详情赋值
        // this.picUrl = res.data.
        // this.goodsName = res.data.
        // this.goodsNorms = res.data.
        // this.fee = res.data.
        // this.goodsNum = res.data.
        // this.goodsFee = res.data.
        // this.refundReason = res.data.
        // this.refundOrderTime = res.data.
        // this.refundMount = res.data.
        // this.refundContent = res.data.
        // this.detailReason = res.data.
    },
    onLoad(options) {
      this.orderId = options.id
    }
  },
  mounted() {
    this.initFun()
  }
}
</script>
